<script>
export default {
  props: {
    // 按钮的权限标识数据 要控制谁就把他的标识传入
    btnPerm: {
      type: String,
      default: "",
    },
  },
  render() {
    // 获取用户权限标识
    const permissions = this.$store.state.menu.permissions;
    const adminPerms = "*:*:*";
    if (permissions.includes(adminPerms)) {
      return this.$slots.default;
    }

    // 判断传入props传入的的当前按钮的权限标识this.btnPerm
    // 是否能在用户权限标识permissions中找到
    // 如果能找到 正常返回组件，如果找不到什么都不返回
    const isShow = permissions.includes(this.btnPerm);

    // 如何获取父组件传过来的带显示组件？
    // 如何在render中获取 插槽模板？
    // template   slot 拿传过来的信息
    // render    this.$slots.插槽名称
    return isShow && this.$slots.default;
  },
};
</script>
